<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>系统公告</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <link type="text/css" href="__DOMAINURL____WEBSITEDIR____BAOFENG__/css/public.css" rel="stylesheet" />
    <link href="__DOMAINURL____WEBSITEDIR____BAOFENG__/css/font_1473832019_2999358.css" rel="stylesheet" type="text/css" />
    <script src="__DOMAINURL____WEBSITEDIR____PLUGINS__/jQuery/jquery-2.2.3.min.js"></script>
    <script src="__DOMAINURL____WEBSITEDIR____BAOFENG__/js/vue.min.js"></script>
    <script src="__DOMAINURL____WEBSITEDIR____BAOFENG__/js/layer/layer.js"></script>
    <script src="__DOMAINURL____WEBSITEDIR____BAOFENG__/js/public.js?v=80"></script>
    <link type="text/css" href="__DOMAINURL____WEBSITEDIR____BAOFENG__/js/layer/need/layer.css" rel="stylesheet" />
    <style>body { padding-bottom: 70px; }</style>
    <link type="text/css" href="__DOMAINURL____WEBSITEDIR____BAOFENG__/css/user.css" rel="stylesheet" />
    <style>
        #mobilePhone a{
            color:#ffffff;
        }
        .layui-m-layerbtn span[yes]{
            color:#000000;
        }
        .form-control {
            width: 96%;
            padding: 6px 8px;
            font-size: 14px;
            line-height: 1.42857143;
            color: #000000;
            border: 1px solid #d2d6de;
        }
        label {
            display: inline-block;
            max-width: 100%;
            margin-bottom: 5px;
            font-weight: 700;
            float:left;
        }
    </style>

    <script type="text/javascript">
        var vue;
        $(function () {
            vue=new Vue({
                el: 'body',
                data: {
                    index: 0,
                    page_all: null,
                    page: 0,
                    list:null,
                },
                methods: {
                    init: function () {
                        this.nextPage();
                    },
                    nextPage: function () {
                        var self = this;
                        var pagesize = 10;
                        loadshow();
                        postMsg('getnoticelist', {"page": 1,"pageSize": pagesize}, function (data) {
                            loadhide();
                            self.page_all = Math.ceil(data.totals / pagesize);
                            if (self.list == null || self.list.length==0) {
                                self.list = data.list;
                            } else {
                                self.list = self.list.concat(data.list)
                            }
                            self.page++;
                        })
                    },
                    to_detail: function (obj) {
                        //页面跳转
                        obj.status = this.index;
                        window.sessionStorage.coupon = JSON.stringify(obj);
                        location.href = "noticeinfo";
                    }
                }
            })
            vue.init();

        })

    </script>
</head>

<body>
<div class="loader">
    <div class="act">
        <div class="spinner">
            <div class="double-bounce1"></div>
            <div class="double-bounce2"></div>
        </div>
    </div>
    <div class="bg"></div>
</div>
<ul class="btn_list uk-block uk-block-default">
    <li v-for="item in list" @click="to_detail(item)" style="padding:5px 10px;">
        <h3 style="font-size:1.3rem;margin-bottom:0px;">{{item.title}}</h3>
        <span>{{item.datetime}}</span>
    </li>
</ul>
<a class="bottom_more" @click="nextPage()" v-if="page_all>page">加载更多</a>
<a class="bottom_no_more" v-if="page_all<=page">没有更多了~</a>
</body>
</html>